<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core">

<h:head>
<title>Ejemplo Primefaces + JSF</title>
<link  href="css/Estilos.css" type="text/css" rel="stylesheet" />
</h:head>
<h:body>
<p:layout fullPage="true">  
  
    <p:layoutUnit position="north" size="100"  >  
        <center>
        <h1> "Mantenimiento de SW"</h1>
        </center>  
    </p:layoutUnit>  
  
       
    <p:layoutUnit position="west" size="200">  
       <h:form >               
       <h:panelGrid align="center" columns="1" cellpadding="3" >             
              <h:commandLink value="Nueva Solicitud"   action="#{validarU.Solicitar}" style="color: blue" />  
              <h:commandLink value="Consultar Solicitud"  action="#{validarU.Consultar}" style="color: blue" />
         </h:panelGrid>          
    </h:form>  
    </p:layoutUnit>  
  
   <h:form id="form">
    <p:layoutUnit position="center" >
  

   <h:panelGrid align="center">
     <p:dataTable id="detal" var="det" value="#{consulSolD.listDetalle}" rowKey="#{det.idDetalleGS}"    
                emptyMessage="No hay registro"  selection="#{consulSolD.detalle}" selectionMode="single" filteredValue="#{consulSolD.filteredlist}" >  
  
          <p:column headerText="Id"  rendered="false">  
          <h:outputText value="#{det.idDetalleGS}" />  
        </p:column>  
  
  
        <p:column filterBy="#{det.grupo.curso.nombre}"   
          headerText="Curso" >  
          <h:outputText value="#{det.grupo.curso.nombre}" />  
        </p:column>  
        
         <p:column filterBy="#{det.solicitud.nomsw}"   
          headerText="Software" >  
          <h:outputText value="#{det.solicitud.nomsw}" />  
        </p:column>  
        

        
         <p:column headerText="Fecha Solicitud"  >  
             <h:outputText value="#{det.solicitud.fecha_solicitud}">
                    <f:convertDateTime dateStyle="short" />
            </h:outputText> 
        </p:column>   
        
     <p:column  filterBy="#{det.solicitud.estado}"    
                headerText="Estado" >            
      <h:outputText value="#{det.solicitud.estado}" />  
           
        </p:column>  
  
  
  
    </p:dataTable>  
       <p:growl id="grow2" showDetail="true" sticky="true" />  
       
    <h:panelGrid columns="2" cellpadding="5" > 
    
        <p:commandButton value="Ver Detalle" icon="ui-icon-search"  actionListener="#{consulSolD.verLista}" update="modalDialog" oncomplete="Dialog.show()"/>

        <p:commandButton value="Eliminar"  actionListener="#{consulSolD.eliminar}" update="grow2"/>
  
   
  
      
      
   </h:panelGrid> 

 </h:panelGrid> 
          
    </p:layoutUnit>  
    
      <p:dialog id="modalDialog"  header="Detalle" widgetVar="Dialog"  modal="true" height="300" width ="500">  
  
           <h:panelGrid id="dialogo" align="center" columns="2" cellpadding="5" > 
    
             <h:outputLabel for="Curso" value="Curso:"/>  
             <h:outputText id="Curso"  value="#{consulSolD.detalle.grupo.curso.nombre}" />   
             
             <h:outputLabel for="sw" value="Software:"/>  
             <h:outputText id="sw"  value="#{consulSolD.detalle.solicitud.nomsw}" />  
        
             <h:outputLabel for="vs" value="Version:"/>  
             <h:outputText id="vs"  value="#{consulSolD.detalle.solicitud.versionsw}" />  
             
             <h:outputLabel for="s" value="Fech. Sol:"/>  
             <h:outputText id="s"  value="#{consulSolD.detalle.solicitud.fecha_solicitud}" >
                    <f:convertDateTime dateStyle="short" /> 
             </h:outputText>  
             
             <h:outputLabel for="rq" value="Fech. Req:"/>  
             <h:outputText id="rq"  value="#{consulSolD.detalle.solicitud.fecha_requerimiento}" >
                    <f:convertDateTime dateStyle="short" /> 
             </h:outputText> 
             
             <h:outputLabel for="es" value="Estado:"/>  
             <h:outputText id="es"  value="#{consulSolD.detalle.solicitud.estado}" />  
             
              <h:outputLabel value="Mensaje: " />
              <p:inputTextarea value="#{consulSolD.detalle.solicitud.respuesta}" rows="5" cols="20" disabled="true"/> 
             
  
            </h:panelGrid>

           <p:dataTable id="tab" var="sol" value="#{consulSolD.listHorario}">  
        <p:column headerText="Grupo">  
            <h:outputText value="#{sol.grupo.numero}" />  
        </p:column>  
  
        <p:column headerText="Laboratorio">  
            <h:outputText value="#{sol.laboratorio.idLaboratorio}" />  
        </p:column>  
  
      </p:dataTable>
 
        
</p:dialog>  
 </h:form>
</p:layout> 

</h:body>
</html>